$(function(){
    //规则  对象:
    //对象的key 和 input的id一致
    let rule_obj={
        "tel":/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/,
        "uname":/^[a-zA-Z][a-zA-Z0-9_]{4,15}$/,
        "k_password":/^[a-zA-Z]\w{5,17}$/

    }
    
    let res_obj={}
    //绑定失去焦点事件:几个输入框绑定
    $("input:lt(6)").blur(function(){
        
        //重新输入密码框的 判断:
        if($(this).prop("id")=="comfi_password"){
            //密码框的值
            let prev_val=$("#k_password").val()
            //如果密码的值 == 当前的值 说明 再次输入正确
            if(prev_val==$(this).val()){
                $(this).next().text("√")
                res_obj["comfi_password"]=true;
                console.log(res_obj)
            }else{
                $(this).next().text("×")  
                res_obj["comfi_password"]=false;  
                console.log(res_obj)   
            }
        //如果当前是 验证码:跟固定的 "4E7R"  做相等判断
        }else if($(this).prop("id")=="verifi_code"){
            if("4E7R".toLowerCase()==$(this).val().toLowerCase()){
                $(this).next().text("√")
                res_obj["verifi_code"]=true;
            }else{
                $(this).next().text("×")
                res_obj["verifi_code"]=false;
               
            }
        //如果当前是 手机验证码:假设都是对
        }else if($(this).prop("id")=="phone_verifition"){
            $(this).next().text("√")
            res_obj["phone_verifition"]=true
          
        // 说明当前是需要用规则 校验的
        }else{
            //拿到输入的值
            let in_val=$(this).val()
            //拿到当前事件源的 id:因为利用id 可以取出 对象中的 规则
            let key=$(this).prop("id") 
            //拿到规则
            let rule=rule_obj[key]
            //用规则校验:
            let bool1=rule.test(in_val)
            if(bool1){
                $(this).next().text("√")
                res_obj[key]=true
                console.log(res_obj)
            }else{
                $(this).next().text("×")
                res_obj[key]=false
                console.log(res_obj)

            }
            
        }              
    })

    //绑定提交事件
    $("#myform").submit(function(){
        //结果1 是看有没有false
        //默认 结果1就是 true
        let re1=true

        //循环遍历:
        for(key in res_obj){
            //如果 发现有一个值 是fasle
            if(res_obj[key]==false){
                //re1 置换为false
                re1=false;
                //结束循环
                break;
            }
        }
        console.log(res_obj)
        console.log(re1)

        //re2 拿到 结果对象的长度
        //对象的长度是方法
        //Object.keys(我们自己的对象).length 得到自己对象键的个数
        //键的个数 就是对象的长度
        let re2=Object.keys(res_obj).length;
        console.log(re2)
        if(re1 && re2==6){
            return true
        }else{
            return false
        }
    })
     //点击agree同意btn才能跳转改变颜色为黄色
     $('.agree').click(function(){
        // alert(432423)
        let consent = $(this).prop('checked')
        // console.log(consent);

        // 当agree为trueshi btn才能跳转并改变颜色,否则就不改变颜色并跳转
        if(consent){
            $('.btn').css('background-color','#ff6600').prop('disabled',false);
        }else{
            $('.btn').css('background-color','').prop('disabled',true);
        }
    })
})